<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Home | Bobbi Brown芭比波朗官方网站</title>
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" href="/libs/swiper/swiper.min.css">
    <link rel="stylesheet" href="/css/index.css">

</head>
<body>
    <header class="header">
        
    </header>

    <section>
      <section>
        <!-- 轮播 -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><a href=""><img src="/images/giftluxe191211_1920x667.webp" alt=""></a></div>
                <div class="swiper-slide"><a href=""><img src="/images/kv191225_cat5895.webp" alt=""></a></div>
                <div class="swiper-slide"><a href=""><img src="/images/kv191225_chcao.webp" alt=""></a></div>
                <div class="swiper-slide"><a href=""><img src="/images/kv191225_chunzh.jpg" alt=""></a></div>
                <div class="swiper-slide"><a href=""><img src="/images/kv191225_gaoguang.jpg" alt=""></a></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
            
            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev swiper-button-black"></div> <!-- 黑色 -->
  
            <div class="swiper-button-next swiper-button-black"></div> <!-- 黑色 -->
            
            
            <!-- 如果需要滚动条 -->
            <!-- <div class="swiper-scrollbar"></div> -->
        </div>
  
        <!-- 菜单切换 -->
        <!-- <div> -->
  
          <!-- Nav tabs -->
          <!-- <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>
            <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>
            <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li>
            <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>
          </ul> -->
        
          <!-- Tab panes -->
          <!-- <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="home">...</div>
            <div role="tabpanel" class="tab-pane" id="profile">...</div>
            <div role="tabpanel" class="tab-pane" id="messages">...</div>
            <div role="tabpanel" class="tab-pane" id="settings">...</div>
          </div>
        
        </div> -->
        
        <div class="product">
          <ul class="newProduct" id="newProductList" >
  
          </ul>
          <script type="text/html" id="typeTemplate">
            {{each list type}}
            <li>
              <a href="/html/category.html">
                <img src="{{type.src}}" alt="">
                <p class="type-title">{{type.title}}</p>
                <p class="type-desc">{{type.desc}}</p>
                <p class="type-link">{{type.link}}</p>
              </a>
            </li>
            {{/each}}
  
            
          </script>
  
        </div>
        <!-- 底部菜单 -->
        <div class="menu">
          <ul class="menu-bottom" id="menu-bottom">
            <!-- <li><a href="">
              <img src="/images/BB_HP_Module_PC_Services_03.jpg" alt="">
              <p>在线咨询</p>
              <p>为您快速挑选色号、理想妆效或刻字定制唇膏</p>
              <p>在线咨询</p>
            </a></li> -->  
          </ul>
          <script type = "text/html" id="cateTemplate">
            {{each list item}}
              <li><a href="">
                <img src="{{item.src}}" alt="">
                <p class="item-title">{{item.title}}</p>
                <p class="item-desc">{{item.desc}}</p>
                <p class="item-link">{{item.link}}</p>
              </a></li>
            {{/each}}
          </script>
          <!-- <script type = "text/html" id="cateTemplate">
              <h1>{{msg}}</h1>
          </script> -->
        </div>
  
    </section>
    <footer class="footer">

    </footer>
    
<script src="/libs/require/require.min.js" data-main="/js/index">
      
         
</script>
</body>
</html>